*/
#navbar-iframe {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background:#777777;
margin:0;
padding:0;
color:#333333;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size:/**/small;
text-align:center;
}
a:link {
color:#5588aa;
text-decoration:none;
}
a:visited {
color:#999999;
text-decoration:none;
}
a:hover {
color:#C60;
text-decoration:none;
}
a img {
border-width:0;
}
/* Header */
#header-wrapper {
  background-color:#333;
  color:white;
  border-bottom:10px solid #ccc;
  text-align:left;
  -webkit-transition:all .5s ease-out;
  -moz-transition:all .5s ease-out;
  -ms-transition:all .5s ease-out;
  -o-transition:all .5s ease-out;
  transition:all .5s ease-out;
  padding:8px 0 18px;
}

#header {margin:0 15px}

#header h1 {
  font:normal 0/0 a;
  text-shadow:none;
  margin:0;
  padding:0;
}

#header a,
#header a:visited {color:white}

#header .description {
  font:normal normal 100%/1.5em Alike,Cambria,Georgia,Serif;
  color:#999;
  padding:5px 30px 0;
  margin:0 0;
}

#header-logo {
  position:relative;
  width:84px;
  height:35px;
  display:block;
  margin:10px 30px 5px;
}

#header-logo span,
#header-logo span:before,
#header-logo span:after {
  content:"";
  position:absolute;
  display:block;
}

#header-logo .char-p {
  top:0;
  bottom:0;
  left:0;
  width:10px;
  border:7px solid white;
  border-bottom:none;
  border-right:none;
  border-top:none;
    
}

#header-logo .char-p:before {
top:0px;
  left:0;
  width:10px;
  height:10px;
  border-top:7px solid white;
  border-right:7px solid white;
  border-bottom:7px solid white;
}

#header-logo .char-plus {
  width:0;
  top:0;
  bottom:0;
  left:56px;
   border-left:none;
}
#header-logo .char-plus:before {
  top:13px;
  left:0;
  width:15px;
  border-top:7px solid #0000cc;
}
#header-logo .char-plus2 {
  height:15px;
  top:10px;
  bottom:0;
  left:60px;
  border-right:7px solid #0000cc;
  border-left:none;
}
#header-logo .char-plus2:before {
  top:18px;
  left:0;
  width:15px;
 
}
#header-logo .char-f {
  width:10px;
  top:0;
  bottom:0;
  left:27px;
  border:7px solid white;
  border-right:none;
  border-bottom:none;
  
}

#header-logo .char-f:before {
  top:7px;
  left:0;
  width:10px;
  border-top:7px solid white;
}

#header-logo .char-symb {
  width:5px;
  top:0;
  bottom:0;
  right:0;
  border:7px solid white;
  border-left:none;
  -webkit-transition:all 2s ease-in-out;
  -moz-transition:all 2s ease-in-out;
  -ms-transition:all 2s ease-in-out;
  -o-transition:all 2s ease-in-out;
  transition:all 2s ease-in-out;
  margin-right:-20px;
}

#header-logo .char-symb:before {
  border:7px solid #0000cc;
  border-width:7px 0;
  width:7px;
  top:0;
  bottom:0;
  left:-10px;
}

#header-logo .char-symb:after {
  width:8px;
  border:8px solid #333;
  border-width:0 0;
  top:-10px;
  right:-8px;
  bottom:-10px;
}

#header-logo:hover .char-symb {
  -webkit-transform:rotate(450deg) translateX(7px);
  -moz-transform:rotate(450deg) translateX(7px);
  -ms-transform:rotate(450deg) translateX(7px);
  -o-transform:rotate(450deg) translateX(7px);
  transform:rotate(450deg) translateX(7px);
  width:14px;
  margin-right:-40px;
  border-color:#ED1C24;
  -webkit-animation:updown .2s infinite alternate .5s;
  -moz-animation:updown .2s infinite alternate .5s;
  -ms-animation:updown .2s infinite alternate .5s;
  -o-animation:updown .2s infinite alternate .5s;
  animation:updown .2s infinite alternate .5s;
}

#header-logo:hover .char-symb:after {border-width:10px 0}

#header-logo:hover .char-symb:before {
  border-color:#ED1C24;
  left:-12px;
}
/* Navigation
----------------------------------------------- */
#mainnav {padding:10px 0;background-color: #333;
-webkit-box-shadow:0px 2px 6px #575757;
-moz-box-shadow:0px 2px 6px #575757;
box-shadow:0px 2px 6px #575757;z-index:900;margin-bottom:10px;height:35px;
}
#nav {
font:bold 12px Arial,Sans-Serif;
background-color:#333;
margin:0px 0px;
padding:0px 0px;float:left;
}
#nav ul {
margin:0px 0px;
padding:0px 0px;
display:block;
position:relative;
height:35px;
}
#nav li {
margin:0px 0px;
padding:0px 0px;
float:left;
display:inline;
list-style:none;
position:relative;
}
#nav li a {background: #333;
display:block;
margin:0px 0px;
padding:0px 20px;
color:white;
text-decoration:none;
line-height:35px;
height:35px;border-left: 1px solid #444;
border-right: 1px solid #222;
}
#nav a:hover {
color:#AAA;
}
#nav ul ul {
width:200px;
height:auto;
position:absolute;
top:100%;
left:0px;
z-ndex:10;
background-color:#333;
display:none;
}
#nav li li { border-top: 1px solid #444;display: block;
border-bottom: 1px solid #222;width:200px;float: none;
}
#nav ul ul li {
float:none;
display:block;
}
#nav ul ul ul {
top:0px;
left:100%;
}
li#berand a{border-left:0px;}
/* CSS Fallback */
#nav li:hover > ul.fallback {
display:block;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:1024px;
padding:0;
text-align:left;
font:normal normal 11px Verdana, Geneva, sans-serif;
position: relative;
width: 1250px;
font: normal 100% Ubuntu,Trebuchet MS,Verdana,Arial,Sans-serif;
background: #CCC;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.4),0 0 9px
rgba(0, 0, 0, 0.4);border-radius: 0 0 7px 7px;margin: 23px auto 20px;
}
#main-wrapper {
width:67%;
padding:2%;margin-left: 1%;
float:left;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden;     /* fix for long non-text content breaking IE sidebar float */
overflow:hidden;padding:0px;background-color: #f5f5f5;-webkit-box-shadow:inset -1px 0px 4px #c4c4c4;-moz-box-shadow:inset -1px 0px 4px #c4c4c4;
box-shadow:inset -1px 0px 4px #333;background-color:#fFFFFF;}
}
#sidebar-wrapper1 {margin-right: 1%;
width: 29%;
float: right;
text-align: left;
background: #333;
font-size: 99%;
border: 4px solid #DDD;
color: #666;
box-shadow: inset 0 0 5px black;
display: inline;
word-wrap: break-word;
overflow: hidden;
position: relative;
right: -2px;
padding: 0;}
#sidebar-wrapper {margin-right: 1%;
width: 29%;
float: right;
text-align: left;
background: #333;
font-size: 99%;
border: 4px solid #DDD;
color: #666;
box-shadow: inset 0 0 5px black;
display: inline;
word-wrap: break-word;
overflow: hidden;
position: relative;
right: -2px;
padding: 0;
}
#sidebar-wrapper h2 {cursor: pointer;
background-color:#333;
color:white;
padding:12px 10px;
margin:0;
border-color: #555 transparent #222;
border-style: solid;
border-width: 1px 0;background: -webkit-linear-gradient(top,#333,#3C3C3C);
}
#sidebar-wrapper h2.headactive {background: -webkit-linear-gradient(top,#3C3C3C,#333);box-shadow: 0 1px 3px black;}
#sidebar-wrapper .widget-content {
margin: 0;
padding: 10px;
}
.PopularPosts .widget-content ul li {
padding: .7em 0;}
.PopularPosts .item-thumbnail {
float: left;
margin: 0 5px 5px 0;}
.PopularPosts img {display:inline;
padding-right: .4em;}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font:normal normal 78% Arimo;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:1.5em 0 .5em;
}
/* Posts */
.post {
border-top:1px dotted #bbb;
border-bottom:1px dotted #bbb;
margin:.3em 0 25px;
padding:0 13px;
}
.post-title {
letter-spacing:0;
line-height:1.5em;
border:1px dotted #bbb;
color:#333;
font:normal normal 150% Alike,Cambria,'Book Antiqua',Georgia,Serif;
border-width:0 1px 1px;
padding:2px 14px;
-webkit-transition:all 0.26s ease-in-out;
-moz-transition:all 0.26s ease-in-out;
-ms-transition:all 0.26s ease-in-out;
-o-transition:all 0.26s ease-in-out;
transition:all 0.26s ease-in-out;
}
.post-title a,
.post-title a:hover,
.post-body h2 a,
.post-body h3 a,
.post-body h4 a,
.post-body h5 a,
.post-body h6 a {
text-decoration:none;
color:inherit;
}
.post a img {
background-color:#ccc;
background-color:rgba(0,0,0,.2);
padding:4px;
border:none;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin-right:10px;
overflow:hidden;
}
.post-body {
border:1px dotted #bbb;
border-width:0 1px;
padding:20px 14px;
line-height:1.4em;
}
.post-body a.button {
line-height:60px;
padding:10px 18px;
}
.post-body a:focus {border-bottom:2px solid #FEC005}
/* end safe CSS */
.post-body section {
border:none;
padding:0 0;
margin:1.7em 0 0;
}
.post-body section:before {
content:"";
display:block;
height:30px;
margin:-30px 0 0;
}
.post-body section h2,
.post-body section h3,
.post-body section h4,
.post-body section h5 {
border-top:1px dotted #bbb;
margin:2em -14px 15px;
padding:1.7em 14px 0;
}
.table-of-content {
font-size:12px;
background-color:#FFF09B;
border:1px solid #FFE046;
padding:.5em 0 0;
margin:0 50% 0 0;
}
.post-body section footer {clear:both}
.post-body ul.listing {
font-size:10px;
text-transform:uppercase;
}
.post-body ul.listing li {margin-bottom:0}
.post-body ul.listing li.title {
list-style:none;
font-weight:bold;
}
.post-body blockquote {line-height:1.3em}
.post-body blockquote code {
font-weight:400;
background:none;
color:#ddd;
text-shadow:none;
}
.post-body figure img,
.catatan img {
border:none;
padding:0 0;
-webkit-box-shadow:0 0 3px rgba(0,0,0,.7);
-moz-box-shadow:0 0 3px rgba(0,0,0,.7);
box-shadow:0 0 3px rgba(0,0,0,.7);
display:block;
margin:0 auto;
}
.post-body .ad-text {margin-bottom:30px}
.post-footer {
background-color:#eee;
border:1px dotted #bbb;
border-width:1px 1px 0;
font-size:80%;
line-height:1.5em;
color:#666;
text-transform:uppercase;
font-weight:700;
padding:4px 14px;
}
.post-footer .span {margin-right:.3em}
.rm-button-wrap {
position:absolute;
bottom:10px;
right:10px;
left:0;
margin-left:110px;
}
.comment-link {
margin-left:.6em;
}
.post img, table.tr-caption-container {
border:1px solid #cccccc;
}
.tr-caption-container img {
border:none;
padding:0;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight:bold;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#999999;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
margin-left:50px;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height:1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
display:none;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
color:#666666;
line-height:1.5em;border-left:1px solid #cccccc;overflow:hidden;
}
.sidebar ul {
list-style: none;
border-top: 1px solid #222;
border-bottom: 1px solid #444;
margin: 0 0 1.25em;
padding: 0;
}
.sidebar ul li {
border-top: 1px solid #444;
border-bottom: 1px solid #222;
line-height: 1.4em;
margin: 0;
padding: 3px 10px;
}
.sidebar .widget, .main .widget {
margin:0;
padding:0;
}
.main .Blog {
border-bottom-width:0;
}
/* Profile
----------------------------------------------- */
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:uppercase;
letter-spacing:.1em;
font:normal normal 78% Cuprum;
color:#999999;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin:0.5em 0;
line-height:1.6em;
}
.profile-link {
font:normal normal 78% Cuprum;
text-transform:uppercase;
letter-spacing:.1em;
}
/* Search
----------------------------------------------- */
#searchkr {float:right;}
.textfield1 {
background: url(https://lh6.googleusercontent.com/-LXbxTIc4FuM/T-z8svkbAkI/AAAAAAAABxw/YNcqNS6JoY0/s20/search-icon.png) no-repeat scroll left center white;
float: left;
border: 1px solid #D5D5D5;
border-radius: 5px;
box-shadow: 0 0 7px #DDD inset;
color: #777;
font-family: 'Asap', sans-serif;
font-size: 13px;
outline: medium none;
padding: 7px 7px 7px 25px;
width: 158px;
}
.textfield2  {
background: #858585;
border: 1px solid #666;
border-radius: 5px;
color: white;
font-family: 'Asap', sans-serif;
font-size: 13px;
margin-top: 3px;
margin-left: 3px;margin-right:15px;
padding: 5px 7px 6px 10px;
text-shadow: 0 -1px 0 #555;
float: right;cursor: pointer;
}
/* Footer
----------------------------------------------- */
#footer {
width:auto;
clear:both;
margin:0 auto;
padding:2%;
color:white;
background-color:black;
text-transform:uppercase;
letter-spacing:.1em;
text-align:left;
display:block;
}
img {
max-width:100%;
height:auto;
width:auto\9;
}
/* RESPONSIVE */
@media screen and (max-width:1024px) {
#outer-wrapper {width: 99%;
margin-left: 0.5%;
margin-right: 0.5%;}
}
@media screen and (max-width:860px) {
#main-wrapper{
float:none;
display:block;
width:auto;
padding:5%;
}
#about .col.float-left,
	#about .col.float-right {
	  float:none !important;
	  display:block;
	  width:auto;
	  margin:0 1% 10px;
	}
#sidebar-wrapper .widget-content {margin:0 0 10px;padding:0;}
}
@media screen and (max-width:570px) {
#header h1 {font-size:170%;}
}
pre {
padding:.5em 1em;
margin:.5em 0;
white-space:pre;
word-wrap:normal;
overflow:auto;
background-color:#000000;
}
code {
font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
line-height:16px;
color:#B43D3D;
background-color:#eee;
border:1px solid #ddd;
padding:1px 2px;
}
pre code {
display:block;
background:none;
border:none;
color:#B9BDB6;
direction:ltr;
text-align:left;
word-spacing:normal;
padding:0 0;
}
pre .shebang,
pre .comment,
pre .template_comment,
pre .javadoc {
color: #7c7c7c;
}
pre .keyword,
pre .tag,
pre .tex .command,
pre .request,
pre .status,
pre .clojure .attribute {
color: #96CBFE;
}
pre .sub .keyword,
pre .method,
pre .list .title,
pre .nginx .title {
color: #FFFFB6;
}
pre .string,
pre .tag .value,
pre .cdata,
pre .filter .argument,
pre .attr_selector,
pre .apache .cbracket,
pre .date {
color: #A8FF60;
}
pre .subst {
color: #DAEFA3;
}
pre .regexp {
color: #E9C062;
}
pre .title,
pre .sub .identifier,
pre .pi,
pre .decorator,
pre .tex .special,
pre .haskell .type,
pre .constant,
pre .smalltalk .class,
pre .javadoctag,
pre .yardoctag,
pre .phpdoc,
pre .nginx .built_in {
color: #FFFFB6;
}
pre .symbol,
pre .ruby .symbol .string,
pre .number,
pre .variable,
pre .vbscript,
pre .literal {
color: #C6C5FE;
}
pre .css .tag {
color: #96CBFE;
}
pre .css .rules .property,
pre .css .id {
color: #FFFFB6;
}
pre .css .class {
color: #FFF;
}
pre .hexcolor {
color: #C6C5FE;
}
pre .number {
color:#FF73FD;
}
pre .coffeescript .javascript,
pre .javascript .xml,
pre .tex .formula,
pre .xml .javascript,
pre .xml .vbscript,
pre .xml .css,
pre .xml .cdata {
opacity: 0.7;
}
pre.viewplain {position:relative;}
pre.viewplain a.plain {
cursor:pointer;
position:absolute;
top:0px;
right:5px;
font:bold 12px/22px Arial,Sans-Serif;
color:white;
}
pre.numbered {
padding-top:2em;
border-left-width:4px;
padding-left:1em;
}
pre .line-number,
pre.numbered code {
display:block;
line-height:16px;
}
pre .line-number {
float:left;
margin:0 1em 0 -1em;
color:white;
border-right:2px solid #ffffff;
text-align:right;
min-width:35px;
}
pre .line-number span {
display:block;
position:relative;
padding:0 .5em 0 1em;
}
pre .line-number span:nth-child(even) {background-color:#333;color:black;}
pre .line-number span em {
position:absolute;
bottom:-1px;
left:100%;
background-color:orange;
padding:0 2px 1px 2px;
border:1px solid black;
font-style:normal;
color:black;
display:none;
}
pre .line-number span:hover em {display:block}
pre .line-number span a {
color:white;
}
pre .line-number span:target a {
display:block;
color:white;
position:relative;
background-color:#268bd2;
margin:0 -.5em 0 -1em;
padding:0 .5em 0 0;
}
pre.numbered code span {line-height:12px}
pre[data-codetype="HTML"] .line-number span:target a {background-color:#4584BE}
pre[data-codetype="CSS"] .line-number span:target a {background-color:#5DA028}
pre[data-codetype="JavaScript"] .line-number span:target a {background-color:#bbbbbb}
pre[data-codetype="JQuery"] .line-number span:target a {background-color:#7073CF}
pre[data-codetype="JQuery UI"] .line-number span:target a {background-color:#E36B23}
pre[data-codetype="XML"] .line-number span:target a {background-color:#C44032}
pre[data-codetype*="+"] .line-number span:target a {background-color:#B58900}
pre .line-number span:target:before {
content:"";
display:block;
height:150px;
margin-top:-150px;
visibility:hidden;
}
code .token.punctuation {
color:#83405A;
}
pre code .token.punctuation {
color:#B9BDB6;
}
code .token.comment,
code .token.prolog,
code .token.doctype,
code .token.cdata {
color:#435A4D;
}
code .namespace {
opacity:.8;
}
code .token.property,
code .token.tag,
code .token.boolean,
code .token.number {
color:#5BA1CF;
}
code .token.selector,
code .token.attr-name,
code .token.string {
color:#986A7C;
}
pre code .token.selector,
pre code .token.attr-name,
pre code .token.string {
color:#E0E8FF;
}
code .token.entity,
code .token.url,
pre .language-css .token.string,
pre .style .token.string {
color:#E0E8FF;
}
code .token.operator {
color:#878A85;
}
code .token.atrule,
code .token.attr-value {
color:#48D30F;
}
pre code .token.atrule,
pre code .token.attr-value {
color:#48E638;
}
code .token.keyword {
color:#47A1CF;
font-style:italic;
}
code .token.comment {
font-style:italic;
}
code .token.regex {
color:#B43D3D;
}
code .token.important {
font-weight:bold;
}
code .token.entity {
cursor:help;
}
figure {
text-align:center;
background:#CFDBEC;
border:1px solid #a5a5a5;
margin:0 5%;
padding:10px;
}
figure figcaption {
margin:10px 0 0;
font-size:98%;
font-style:italic;
}
.post figure img,
.catatan img {
border:none !important;
padding:0 !important;
box-shadow:0 0 3px rgba(0,0,0,0.7);
display:block;
margin:0 auto 0;
max-width:90% !important;
}
figure.gallery {
background-color:#222;
border:none;
padding:15px 10px 40px;
position:relative;
margin:0pt 5%;
}
figure.gallery:before {
content:"";
width:0;
height:2px;
border:10px solid #900;
border-bottom-color:transparent;
position:absolute;
top:0;
left:0;
}
figure.gallery img,
figure.gallery a img {
padding:0 0;
}
figure.gallery img {
background-color:#444;
padding:4px !important;
box-shadow:0 1px 2px black,0px 1px 7px black;
margin:5px auto;
}
figure.gallery figcaption {
position:absolute;
right:0;
bottom:0;
left:0;
background-color:#111;
color:white;
padding:4px;
}
input[type="text"],textarea {
border:1px solid #ccc;
margin-bottom:10px;
background-color:#fafafa;
box-shadow:inset 0 1px 3px rgba(0,0,0,0.2);
font:normal small 'Ubuntu','Trebuchet MS',Arial,Sans-Serif;
color:black;
padding:2px 5px;
}
textarea {padding:5px;}
textarea:focus {
background-color:#FFE4B5;
}
input.warna[type="text"] {
vertical-align:baseline;
border:1px solid #eee;
box-shadow:none;
margin:0 4px;
padding:15px 25px;
font:bold 11px Verdana,Arial,Sans-Serif;
color:inherit !important;
}
input[type="button"],input[type="submit"],input[type="reset"],button,.button,.button {
cursor:pointer;
background-color:#248AB0;
background-image:linear-gradient(top,#248AB0,#005E90);
border:2px solid #fff;
text-decoration:none;
color:#ebebeb!important;
font:bold 11px Arial,Sans-serif;
box-shadow:0 1px 2px rgba(0,0,0,0.4);
border-radius:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
padding:3px 7px;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,button:hover,.button:hover,.button:focus,.button:visited:hover {
background-color:#0671A1;
background-image:linear-gradient(top,#0671A1,#014976);
color:#fff;
border-color:white !important;
text-decoration:none;
}
.button:focus {border:2px solid white;}
input[type="button"]:active,input[type="submit"]:active,input[type="reset"]:active,button:active,.button:active {
position:relative;
top:1px;
background-color:#005E90;
background-image:linear-gradient(top,#014976,#005E90);
}
.post-body a.button {
line-height:60px;
padding:10px 18px;
}
.button-group {
display:block;
width:auto;
margin:0px auto;
text-align:center;
}
.button.small,
.button.small:active,
.button.small:focus {
font:normal 11px Tahoma,Sans-serif;
border:none;
padding:4px 8px 6px;
}
.button.small.rmore,
.button.small.rmore:active,
.button.small.rmore:focus {
font:normal 11px Calibri,Arial,Sans-Serif;
text-transform:uppercase;
border-radius:0;
border:4px solid #333 !important;
padding:4px 8px 3px;
display:inline-block;
width:auto;
margin:2px 0px 0px 2px;
}
.rm-button-wrap {
position:absolute;
bottom:10px;
right:10px;
left:0px;
margin-left:110px;
}
.button.disabled,.button.disabled:hover,.button.disabled:active {
background-color:#bbb;
background-image:linear-gradient(top,#bbb,#888);
cursor:text;
}
.hehe-note{
padding:15px;
padding-left:55px;
margin-bottom:15px;
line-height: 1.6em;
font-size: 11px;
}
p.hehe-note span,p.hehe-note a{
font-size:11px;
}
.note-notification{
background:#FFFFE8 url('http://3.bp.blogspot.com/-_RB7F4dByds/UAnbI2KUngI/AAAAAAAABDY/7ohNFIQeveQ/s320/info.png') no-repeat 12px 15px;
border:1px dashed #C9C179;
color:#000000;
}
.note-warning{
background:#FFEAED url('http://3.bp.blogspot.com/-_KbEWubjZ68/UAnas84wMtI/AAAAAAAABDM/R9eTqlf8NPw/s320/warning.png') no-repeat 12px 15px;
border:1px dashed #D8868B;
color:#CB4852;
}
.alaihumcrumb {
position:fixed;
z-index:1000;
top:0;
left:0;
background:#333;
width:98%;
color:#ccc;
border-bottom:2px solid #999;
padding:1px 1% 1px 1%;
-webkit-box-shadow:0 0 7px #000;
-moz-box-shadow:0 0 7px #000;
box-shadow:0 0 7px #000;
}
.alaihumcrumb a,
.alaihumcrumb a:visited,
.alaihumcrumb a:active {
color:#fff;
}
.alaihumcrumb span.kanan {
float:right;
}
#iklan-wrapper,
.sidebarbox {
width:29%;
float:right;
display:inline;
color:#999;
background-color:#333;
box-shadow:inset 0 0 2px #000;
margin:0 1.2% 10px 0;
padding:0;
}
.sidebarbox {
width:28.8%;
min-height:100px;
margin:10px 1% 0 0;
border:2px solid #999;
box-shadow:none;
}
.sidebarbox h2 {
background-color:#333;
font:bold 11px Arial,Sans-Serif;
text-transform:uppercase;
position:relative;
z-index:4;
color:#aaa;
padding:7px 12px;
margin:0 0;
border-bottom:1px solid #222;
box-shadow:0 1px 0 #444;
}
.sidebarbox iframe {
display:block;
}
#iklan1 {
display:block;
text-align:center;
border:1px solid #3c3c3c;
box-shadow:inset 0 0 3px #000;
margin:7px;
padding:10px;
background-color:#333;
}
#iklan1 a img {
width:125px;
height:125px;
border:none;
background:transparent;
box-shadow:0 0 2px #000;
padding:4px;
}
#iklan1 a:hover img {
background:#6788E8;
}
#iklan2 {
text-align:center;
padding-bottom:20px;
}
#iklan2 iframe {
margin:10px auto;
}
#iklan-b-wrapper {
background:transparent;
text-align:left;
margin:0 0 0 2%;
padding:0;
}
img.iklan-banner {
border:4px solid #333;
width:88.9%;
margin:0 0 2px;
}
#iklan-bottom {
width:auto;
margin:200px 0 20px;
overflow:hidden;
}
#iklan-bottom img {
width:125px;
height:125px;
}
#iklan-bottom .container {
border-top:5px solid #0186CB;
background:#eee;
width:44.8%;
overflow:hidden;
padding:2% 2% 1018px 2%;
margin-bottom:-1000px;
}
#iklan-bottom .container:hover img {
border-color:#FF5DC2;
}
#iklan-bottom .container.left {
float:left;
}
#iklan-bottom .container.right {
float:right;
}
#iklan-bottom .container img {
border:2px solid #666;
float:left;
margin:0 10px 0 0;
}
#iklan-bottom strong {
display:block;
margin-bottom:5px;
}
/* Top ribbon */
#top-ribbon {
position:absolute;
top:0;
right:27.5%;
z-index:10;
width:108px;
height:260px;
background-color:#222;
color:#999;
font:normal normal 11px Verdana,Arial,Sans-Serif;
-webkit-box-shadow:0 5px 7px rgba(0,0,0,.7);
-moz-box-shadow:0 5px 7px rgba(0,0,0,.7);
box-shadow:0 5px 7px rgba(0,0,0,.7);
-webkit-border-radius:0 0 5px 5px;
-moz-border-radius:0 0 5px 5px;
border-radius:0 0 5px 5px;
-webkit-transition:right .15s linear;
-moz-transition:right .15s linear;
-ms-transition:right .15s linear;
-o-transition:right .15s linear;
transition:right .15s linear;
border:1px solid #444;
border-color:#444 #222 #222 #444;
padding:10px;
}
#top-ribbon:after {
content:"";
display:block;
width:0;
height:0;
position:absolute;
top:100%;
left:20px;
border:15px solid transparent;
border-top-color:#333;
}
#top-ribbon .img-container {
width:82px;
border:3px double #3c3c3c;
background:transparent;
-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
-moz-box-shadow:inset 0 0 2px rgba(0,0,0,.4);
box-shadow:inset 0 0 2px rgba(0,0,0,.4);
display:block;
margin:0 0 10px auto;
padding:10px;
}
#top-ribbon .img-container img {
display:block;
background-color:#3c3c3c;
padding:5px 0;
}
#level {
width:50px;
display:block;
margin:0 0 0 auto;
}
#level li {
display:block;
margin:0 0 2px -60px;
list-style:none;
}
#level li a {
display:block;
background-color:#3c3c3c;
color:#ccc;
font:normal normal 8px Arial,Sans-Serif;
text-transform:uppercase;
position:relative;
-webkit-transition:all .26s ease-out;
-moz-transition:all .26s ease-out;
-ms-transition:all .26s ease-out;
-o-transition:all .26s ease-out;
transition:all .26s ease-out;
padding:6px 10px;
}
#level li a:before {
content:"";
width:0;
height:0;
position:absolute;
right:0;
top:0;
display:block;
border:11px solid transparent;
border-right-color:#333;
}
#level li a:hover {
-webkit-transition-duration:0s;
-moz-transition-duration:0s;
-ms-transition-duration:0s;
-o-transition-duration:0s;
transition-duration:0s;
color:white;
text-decoration:none;
padding:6px 0 6px 15px;
}
#level li.satu a:hover {background-color:#DC98FF}
#level li.dua a:hover {background:#FF5DC2}
#level li.tiga a:hover {background:#0186CB}
#level li.eks a:hover {background:#0251C9}
#level li.current a {border-left:2px solid #39f}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
.post-thumbnail {
width:72px;
height:72px;
float:left;
margin:0px 10px 0px 0px;
}
#status-forum {
border:0px solid #111 !important;
;
}
#status-forum ul,
#status-forum li {
text-align:left;
list-style:none;
font:normal bold 10px Arial,Sans-Serif;
color:#ccc;
}
#status-forum li {
display:block;
padding:5px  10px;
background-color:#0000CC;
border-bottom:1px solid #000099;
position:relative;
overflow:hidden;
}
#status-forum li:hover,
#status-forum li:first-child {background-color:#000066}
#status-forum a {color:white}
#status-forum a:hover {text-decoration:underline}
/* Blocks */
.catatan {
  display:block;
  text-align:left;
  background-color:#FFFAC1;
  font:italic normal 14px Georgia,Serif;
  color:#222;
  position:relative;
  margin:10px 7% 1.7em 7%;
  padding:20px 30px;
  text-shadow:none;
}

.catatan:before {
  content:"";
  width:100%;
  height:4px;
  background-color:#4b8db5;
  background-image:-webkit-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-moz-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-ms-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:-o-linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  background-image:linear-gradient(left,#f3a01e,#D05D2A,#9dc425,#4b8db5,#7c48b5);
  position:absolute;
  top:0;
  left:0;
}

.catatan code {font-style:normal}
.catatan h2:first-child {margin-top:0}

.catatan.resource {
  margin:10px auto;
  width:auto;
  font:normal normal 13px Tahoma,Verdana,Arial,Sans-Serif;
  padding:10px 20px;
  background-color:#eee;
}

.catatan.resource img {
  border:2px solid #aaa !important;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
}

.update {
  color:#A73B3B;
  margin-left:1em;
  margin-right:1em;
  border-top:1px solid;
  border-bottom:1px solid;
  padding:1em 1.5em;
}

.tip {
  background-color:#BEDBF4;
  background-image:-webkit-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-moz-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-ms-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:-o-linear-gradient(top,#BEDBF4,#70B3DC);
  background-image:linear-gradient(top,#BEDBF4,#70B3DC);
  padding:7px 10px;
  border:1px solid #5E96B7;
  border-bottom-color:#5688A7;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  color:#29526F;
  text-shadow:0 1px 0 rgba(255,255,255,.1);
  -webkit-box-shadow:0 1px 0 rgba(0,0,0,.2);
  -moz-box-shadow:0 1px 0 rgba(0,0,0,.2);
  box-shadow:0 1px 0 rgba(0,0,0,.2);
}

.tip code {font-size:11px}

.alert,
.instruction {
  background-color:#FFBABA;
  color:#D8000C;
  border:1px solid;
  padding:5px 12px;
  margin:15px 20px;
  font:normal normal 13px "Franklin Gothic Medium",Arial,Sans-Serif;
}

.instruction {
  background-color:#DFF2BF;
  color:#4F8A10;
}

.block {
  border:2px solid #888;
  background-color:#ccc;
  padding:6px 10px;
  margin:0 14px;
  -webkit-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  -moz-box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
  box-shadow:inset 0 -1px 1px rgba(0,0,0,.2);
}

#site-header {
  background-color:#6A2E79;
  overflow:hidden;
  text-shadow:0 1px 0 rgba(0,0,0,.1);
  margin:0 0 20px;
  position:relative;
}

#site-header .inner {padding:20px 30px}

#site-header a {
  text-decoration:none;
  color:white;
}

#site-header a:hover {color:#E0FFED}

#site-header h1 {
  font-size:30px;
  text-transform:uppercase;
}

#site-header p {margin:10px 0 0}

#site-header form input {
  border:1px solid #743983;
  background-color:#3B2440;
  font:normal normal 12px Verdana,Arial,Sans-Serif;
  color:#95799B;
  padding:5px 5px;
  margin:0 auto;
  display:block;
  width:98%;
  -webkit-box-shadow:inset 0 1px 3px black;
  -moz-box-shadow:inset 0 1px 3px black;
  box-shadow:inset 0 1px 3px black;
}

#site-header .toggle-button {
  display:block;
  font-weight:bold;
  padding:10px 18px;
  text-align:right;
  border-top:1px solid #5D216C;
}

.hidden {display:none}

/* About Panel */
#about {
  width:80%;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  margin:10px auto;
  padding:10px 14px;
  line-height:1.5em;
  display:none;
}

#about p {margin:0 0 15px}

#about h2 {
  background-color:#3c3c3c;
  font:normal normal 16px/29px Alike,Cambria,Georgia,Serif;
  text-transform:uppercase;
  position:relative;
  margin:0 0 15px;
  padding:0 15px;
  color:white;
}

#about .col {
  width:40%;
  height:570px;
  display:inline;
  color:#ccc;
  overflow:auto;
  margin:0 1%;
}

#about .col a,
#about .col a:link {color:#3582d0}

#about .col.float-left {
  margin-right:0;
  padding-right:20px;
  border-right:7px solid #3582d0;
}

#about .col.float-right {
  width:36%;
  margin-left:0;
}

#about .col.float-left .drop-cap {
  font:normal normal 22px Alike,Cambria,Georgia,Serif;
  color:white;
  text-align:center;
  width:30px;
  height:auto;
  background-color:#3c3c3c;
  position:relative;
  margin:2px 10px 2px 0;
  padding:10px 0 30px;
}

#about .col.float-left .drop-cap:after {
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-bottom-color:#333;
  position:absolute;
  bottom:0;
  left:0;
}

#closeab,
#closeab:hover {
  cursor:pointer;
  display:block;
  position:absolute;
  top:6px;
  right:7px;
  background:transparent;
  font:normal bold 13px/12px Georgia,Serif;
  color:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 5px 4px;
}

#closeab:hover {
  background-color:white;
  color:black;
  text-decoration:none;
}

/* For Disabled JavaScript */
#about:target {display:block}

#about h2,
.sidebar h2,
.sidebarbox h2 {letter-spacing:0}

.clear {clear:both}


#loadingtext {
  position:fixed !important;
  position:absolute;
  top:0;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#loadingtext span {
  display:inline;
  background-color:#900;
  padding:5px 10px 7px;
  font:bold 11px/24px Arial,Sans-Serif;
  color:white;
}

#loadingtext iframe {
  display:block;
  position:absolute;
  top:0;
  left:50%;
  width:66px;
  height:17px;
  border:none;
  background:none;
  overflow:hidden;
  margin:2px auto 0 -33px;
}

#alert-box {
  position:fixed !important;
  position:absolute;
  top:50px;
  right:0;
  left:0;
  z-index:9999;
  text-align:center;
}

#alert-box .message {
  background-color:#174A87;
  border:10px solid #0A2E58;
  padding:20px;
  -webkit-box-shadow:0 0 2px 1px black,0 0 10px black;
  -moz-box-shadow:0 0 2px 1px black,0 0 10px black;
  box-shadow:0 0 2px 1px black,0 0 10px black;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  color:white;
  width:370px;
  margin:0 auto;
  text-align:left;
}

#alert-box .button-group {
  margin:15px auto 0;
  text-align:center;
}

#alert-box button {
  border:none !important;
  margin:0 2px;
  padding:5px 10px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}

iframe,.netral,.emo {
  border:none;
  background:transparent;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  padding:0;
}
/* Table */
table[border="1"] {
  border-collapse:collapse;
  margin-top:10px;
  margin-bottom:10px;
}

table[border="1"] th,
table[border="1"] td {
  border:1px solid #bbb;
  padding:.5em .7em;
}

td {vertical-align:top}

table[border="1"] th {
  background-color:#fafafa;
  font-weight:bold;
  text-align:left;
}

table[border="1"] caption {
  padding:.5em .7em;
  background-color:#bbb;
}

table.config {background-color:#FFF0A0}

table.config td,
table.config th {border-color:#333}

table.config th {
  background-color:#333;
  color:white;
}

table.config caption {
  background-color:#333;
  color:#bbb;
}

table tr[id]:target td {background-color:gold}
table.reference {width:100%}
/* Footer */
#main-footer {
  font-family:Alike,Georgia,"URW Bookman L",Serif;
  color:#999;
  background-color:#333;
  margin-top:1%;
  -webkit-border-radius:0 0 7px 7px;
  -moz-border-radius:0 0 7px 7px;
  border-radius:0 0 7px 7px;
  padding:15px 15px 8px;
}

#main-footer a:link,
#main-footer a:visited {color:white}

#main-footer .blog-dir {
  opacity:0;
  overflow:hidden;
  -webkit-transition:opacity .4s ease-out;
  -moz-transition:opacity .4s ease-out;
  -ms-transition:opacity .4s ease-out;
  -o-transition:opacity .4s ease-out;
  transition:opacity .4s ease-out;
}

#main-footer:hover .blog-dir {opacity:1}
#main-footer .copyright {overflow:hidden}
.heads-up {font-size:11px;
 border:2px solid #222;
  background-color:#333;
  padding:.5em .8em;
}
/* Bottom Checkbox */
#checker-box {
  position:fixed !important;
  position:absolute;
  bottom:0;
  right:20px;
  border:2px solid #888;
  border-bottom-width:0;
  background-color:#B2B2B2;
  font-size:96%;
  z-index:80;
  padding:2px 1.5% 2px 2px;
}

#checker-box label {
  position:relative;
  top:-2px;
}

